﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
  pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html lang="zh-CN">

<head>

<%@ include file="/WEB-INF/include/meta.jsp"%>
<%@ include file="/WEB-INF/include/css.jsp"%>

</head>
<!-- end header -->
<body>
  <div class="page-group">
    <div class="page page-current">

      <header class="bar bar-nav fs-header-small">
        <a href="${ctx.host}/profile/courses/${courseRound.id}?type=EDITING"
          class="icon icon-left pull-left"></a>
        <h1 class="title">Inbody数据</h1>
      </header>

      <div class="content">
        
        <c:if test="${empty inbodyRecords}">
          <div class="list-block media-list" style="margin-top:1.2rem">
            <p class="text-center">暂无符合条件的Inbody记录</p>
          </div>        
        </c:if>
        
        <c:if test="${not empty inbodyRecords}">
	        <c:forEach var="record" items="${inbodyRecords}">
		        <div class="content-block-title record-title text-center">
		          <span>${record.recordTime}</span>
		        </div>
		        
		        <div class="list-block">
		          <ul>
		            <li class="item-content">
		              <div class="item-inner">
		                <div class="item-title">BMI</div>
		                <div class="item-after">${record.bmi}</div>
		              </div>
		            </li>
		            <li class="item-content">
	                <div class="item-inner">
	                  <div class="item-title">体脂肪</div>
	                  <div class="item-after">${record.bf}</div>
	                </div>
	              </li>
	              <li class="item-content">
	                <div class="item-inner">
	                  <div class="item-title">体脂率</div>
	                  <div class="item-after">
	                    <fmt:formatNumber value="${record.bfr}" pattern="0.00"/>
	                  </div>
	                </div>
	              </li>
	              <li class="item-content">
	                <div class="item-inner">
	                  <div class="item-title">腰臀比</div>
	                  <div class="item-after">${record.whr}</div>
	                </div>
	              </li>
		            <li class="item-content">
	                <div class="item-inner">
	                  <div class="item-title">体重</div>
	                  <div class="item-after">${record.weight}</div>
	                </div>
	              </li>
	              <li class="item-content">
	                <div class="item-inner">
	                  <div class="item-title">骨骼肌</div>
	                  <div class="item-after">${record.sm}</div>
	                </div>
	              </li>
	              <li class="item-content">
	                <div class="item-inner">
	                  <div class="item-title">基础代谢</div>
	                  <div class="item-after">${record.bm}</div>
	                </div>
	              </li>
		          </ul>
		        </div>
	        </c:forEach>
        </c:if>
        
      </div>

    </div>
  </div>

</body>
</html>